﻿@charset "utf-8";
body { width: 100%; min-width: 1200px; overflow-x: hidden }
.banner { width: 100%; height: 316px; background: url(https://www.osns.gov.cn/images/banner_v1.jpg) no-repeat 50% 0; }
.content { width: 1200px; height: auto; margin: 0 auto; }
/*导航*/
.nav_box { width: 100%; height: 50px; background: url(https://www.osns.gov.cn/images/nav_bg.jpg) repeat-x; }
.nav { float: left; /*width: 750px;*/ width: 1005px; height: 50px; position: relative; }
#nav li { float: left; display: block; z-index: 20; font-size: 16px; color: #fff; line-height: 50px; font-weight: bold; }
#nav li + li { margin-left: 98px; }
#nav li a { display: block; color: #fff; font-weight: bold; }
#nav li a:hover { color: #fff088 !important; }
#nav ul { position: absolute; left: 0; display: none; margin: 0; padding: 0; list-style: none; width: 1200px; height: 36px; /*background:#d07c6e;*/ }
#nav ul li { width: auto; float: left; /*background: #d07c6e;*/ font-weight: bold; margin-right: 25px; }
#nav ul li + li { margin-left: 0; }
#nav li.bor { /*position: relative;*/ }
#nav li.bor:nth-child(7):after { content: ""; width: 7px; height: 6px; background: url(https://www.osns.gov.cn/images/nav_sj.png) no-repeat; position: absolute; right: -15px; top: 23px; }
#nav li.bor:nth-child(2):after { content: ""; width: 7px; height: 6px; background: url(https://www.osns.gov.cn/images/nav_sj.png) no-repeat; position: absolute; left: 202px; top: 23px; }
#nav li.bor:nth-child(4):after { content: ""; width: 7px; height: 6px; background: url(https://www.osns.gov.cn/images/nav_sj.png) no-repeat; position: absolute; left: 525px; top: 23px; }
#nav ul a { display: block; line-height: 20px; padding: 8px 5px; color: #333; font-weight: bold; }
#nav ul a:hover { background: #8f4335; text-decoration: none; color: #333; }
.jj35 { margin-left: 730px; }
.jj20 { margin-left: -32px; }
.jj95 { margin-left: 95px; }
.ejdate_box { float: right; /*width: 300px;*/ width: 160px; height: 50px; overflow:hidden; }
.wx { float: left; width: 108px; padding-left: 30px; font-size: 14px; color: #fff; line-height: 50px; position: relative; cursor: pointer; }
.wx a { color: #fff; }
.wx:before { content: ""; width: 25px; height: 20px; background: url(https://www.osns.gov.cn/images/wx_logo.png) no-repeat; position: absolute; left: 0; top: 16px; }
.ewm { width: 127px; height: 132px; position: absolute; top: 51px; left: 0; z-index: 20; display: none; }
.wx:hover .ewm { display: block; }
.time { float: left; position: relative; margin-left: 10px; padding-left: 10px; }
/*.time:before { content: ""; width: 1px; height: 27px; background: #3a62ab; position: absolute; left: 0; top: 12px; }*/
.time #date { font-size: 14px; color: #fff; line-height: 50px; }
/*大标题*/
.d_tit { width: 100%; height: auto; font-size: 32px; color: #c90000; font-weight: 700; margin-top: 40px; overflow: hidden; text-align: center; }
.d_tit a { color: #c90000; }
a:hover { text-decoration: none; color: #d21f22 !important; }
/*焦点图*/
.partlast { width: 1200px; margin: 0 auto; position: relative; margin-top: 35px; }
.partlast .view { width: 900px; height: 506px; float: left; position: relative; }
.partlast .view .swiper-container { width: 900px; height: 506px; }
.partlast .view .swiper-slide { width: 900px; height: 506px; position: relative; }
.partlast .view .swiper-slide img { width: 900px; height: 506px; display: block; }
.partlast .view .swiper-slide .bg { bottom: 0; height: 120px; left: 0; position: absolute; width: 100%; z-index: 10; opacity: 1; filter: alpha(opacity=80); background: #d70016; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 1) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 1) 100%); }
.partlast .view .swiper-slide .name { bottom: 5px; color: #fff; height: auto; left: 0; font-size: 22px; font-weight: bolder; padding-left: 20px; line-height: 35px; position: absolute; z-index: 998; }
.partlast .view .swiper-slide .name a { color: #fff; }
.partlast .view .swiper-slide .vBtn { position: absolute; width: 74px; height: 74px; right: 20px; bottom: 20px; background: url("http://www.xinhuanet.com/world/biaoforum2021/images/play.png") no-repeat; background-size: cover; cursor: pointer; margin-left: -25px; display: none; z-index: 12; }
.partlast .view #iframe { display: none; width: 900px; height: 506px; top: 0; left: 0; position: absolute; z-index: 999; }
.partlast .view .video-close { width: 17px; height: 17px; position: absolute; right: -16px; top: 0; z-index: 20; background: url("http://www.xinhuanet.com/2015/img2015/icon_video.png") 0 -80px no-repeat; cursor: pointer; display: none; }
/* .partlast .view .arrow-left,
.view .arrow-right {
    display: none;
} */
.partlast .view .arrow-left { left: 0; position: absolute; z-index: 10; top: 40%; width: 34px; height: 73px; background: url(https://www.osns.gov.cn/images/arrow-left.png) no-repeat; display: none; }
.partlast .view .arrow-right { right: 0; position: absolute; z-index: 10; top: 40%; width: 34px; height: 73px; background: url(https://www.osns.gov.cn/images/arrow-right.png) no-repeat; display: none; }
.partlast:hover .view .arrow-left, .partlast:hover .view .arrow-right { display: block; }
.partlast .view .pagination { position: absolute; z-index: 20; right: -18px; bottom: 0px; }
.partlast .view .pagination .swiper-pagination-switch { display: block; width: 8px; height: 8px; border-radius: 8px; background: #222; opacity: 0.8; cursor: pointer; margin: 10px 0; background: #d70016; }
.partlast .view .pagination .swiper-active-switch { height: 90px; }
.partlast .preview { width: 298px; height: 506px; position: relative; float: right; }
.partlast .preview .swiper-container { width: 298px; height: 506px; margin: 0px auto 0px; }
.partlast .preview .swiper-slide { width: 298px; height: 168px; float: left; cursor: pointer;/* background: #920000; */ }
.partlast .preview .swiper-slide dl { margin: 0 auto; width: 298px; position: relative; }
.partlast .preview .swiper-slide { opacity: 0.6; filter: alpha(opacity=60); }
.partlast .preview .active-nav { opacity: 1; filter: alpha(opacity=100); }
.partlast .preview .active-nav img { padding: 0;/* border: 2px solid #fff; */ }
.partlast .preview .active-nav dd { color: #fff; }
.partlast .preview .swiper-slide dt { width: 298px; line-height: 0; }
.partlast .preview .swiper-slide img { width: 298px; height: 168px; }
.partlast .preview .swiper-slide dd { width: 298px; font-size: 16px; line-height: 30px; color: #fff; display: none; }
.more { font-size: 14px; color: #c90000; text-align: right; margin-top: 10px; }
.more a { color: #c90000; }
/*公署发布*/
.gsfb_box { float: left; width: 580px; height: auto; overflow: hidden; margin-top: 10px; }
.dh_box { width: 100%; height: 30px; background: url(https://www.osns.gov.cn/images/dh_i.jpg) repeat-x left center; }
.dh_box .dh_tit { font-size: 24px; color: #333; background: #fff; padding: 0 15px 0 40px; line-height: 30px; display: inline-block; position: relative; }
.gsfb_icon:before { content: ""; width: 22px; height: 24px; background: url(https://www.osns.gov.cn/images/fbgs_icon.png) no-repeat; position: absolute; left: 0; top: 3px; }
.dh_box .dh_tit a { color: #333; }
.gs_pic { width: 100%; height: 90px; overflow: hidden; margin-top: 20px; }
.gs_pic img { float: left; width: 160px; height: 90px; padding-right: 10px; }
.gs_pic p { font-size: 16px; color: #333; line-height: 28px; }
.gs_pic p a { color: #333; }
.gs_list li { height: 21px; overflow: hidden; line-height: 21px; font-size: 16px; color: #333; margin-top: 15px; padding-left: 15px; position: relative;     white-space: nowrap;   text-overflow: ellipsis;}
.gs_list li a { color: #333; }
.gs_list li:before { content: ""; width: 5px; height: 5px; background: #333; border-radius: 100%; position: absolute; left: 0; top: 9px; }
/*国安新闻*/
.gaxw_box { float: right; width: 580px; height: auto; overflow: hidden; margin-top: 10px; }
.gaxw_icon:before { content: ""; width: 24px; height: 23px; background: url(https://www.osns.gov.cn/images/gaxw_icon.png) no-repeat; position: absolute; left: 0; top: 3px; }
.gaxw_box .dh_tit a { margin-right: 20px; display: inline-block; padding-bottom: 3px; }
.gaxw_box .dh_tit a.active { border-bottom: 3px solid red; }
/*法治典范*/
.fzdf_box { background: #f5f6fa; overflow: hidden; padding: 30px 0; margin-top: 20px; }
.fzdf_box .dh { width: 1200px; height: 50px; margin: 0 auto; }
.fzdf_part { width: auto; height: auto; background: #fff; margin-top: 15px; padding: 15px 20px; overflow: hidden; }
.mini_dh { background: url(https://www.osns.gov.cn/images/red_cron.png) no-repeat; background-size: 100% 100%; display: inline-block; height: 31px; line-height: 29px; padding: 0 13px; font-size: 16px; color: #c90000; }
.mini_dh span { font-weight: bold; font-size: 22px; margin: 0 5px; }
.mini_dh a { color: #c90000; }
.jxs_list { list-style: none; overflow: hidden; }
.jxs_list li { float: left; width: 370px; height: 213px; overflow: hidden; margin: 10px 0 20px 0; position: relative; }
.jxs_list li + li { margin-left: 25px; }
.jxs_list li img { width: 370px; height: 213px; }
.jxs_list li:nth-child(3) { /*display: flex; align-items: flex-end;*/ font-size: 16px; line-height: 27px; /*font-size: 13px; line-height: 24px; height: 165px; margin-top: 55px;*/ }
.jxs_list li .player { width: 44px; height: 44px; position: absolute; left: 20px; bottom: 12px; z-index: 20; }
.jxs_list li .player img { width: 100%; height: auto; }
.jxs_list li .tit { width: auto; height: auto; overflow: hidden; }
.jxs_list li .tit h3 { font-size: 20px; color: #333; line-height: 28px; }
.jxs_list li .tit h3 a { color: #333; }
.jxs_list li .tit p { font-size: 14px; line-height: 24px; color: #999; margin-top: 10px; }
.fzdf_part .more { font-size: 14px; color: #c90000; text-align: right; }
.fzdf_part .more a { color: #c90000; }
.fzlc_list { list-style: none; }
.fzlc_list li { float: left; width: 346px; height: 66px; overflow: hidden; margin: 10px 0; position: relative; background: #f5f6fa; border-radius: 6px; padding: 15px 12px; font-size: 16px; color: #333; line-height: 26px; }
.fzlc_list li a { color: #333; }
.fzlc_list li + li { margin-left: 25px; }
.fldj_list { list-style: none; overflow: hidden; margin-top: 24px; }
.fldj_list li { float: left; width: 271px; height: 50px; background: url(https://www.osns.gov.cn/images/flfg_bg.png) -44px 0px no-repeat; font-size: 20px; color: #fff; line-height: 50px; text-indent: 0px; text-align: center; }
.fldj_list li a { color: #fff; }
.fldj_list li + li { margin-left: 25px; }
/*树牢总体国家安全观*/
.part { width: 1200px; margin: 0 auto; height: 100% }
.area { width: 100% }
.scroll { height: 466px; margin-bottom: 45px; position: relative; margin-top: 20px; }
.scroll .part { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 38px; position: relative }
.scroll .part .scroll-title { position: absolute; right: 0; top: 0; z-index: 10; width: 391px; height: 98px; background:url(https://www.osns.gov.cn/images/scroll-title.png) center center no-repeat }
.scroll .part .swiper-container { width: 100%; height: 100% }
.scroll .part .swiper-button-prev { left: 0; bottom: 180px; top: auto; margin-top: 0; width: 34px; height: 73px; background: url(https://www.osns.gov.cn/images/arrow-left.png) no-repeat; display:none; }
.scroll .part .swiper-button-next { right: 440px; bottom: 180px; top: auto; margin-top: 0; width: 34px; height: 73px; background: url(https://www.osns.gov.cn/images/arrow-right.png) no-repeat; display:none; }
.scroll:hover .swiper-button-prev { display:block; }
.scroll:hover .swiper-button-next { display:block; }
.scroll .part .bigScroll { position: relative; z-index: 1; width: 100%; height: 100% }
.scroll .part .bigScroll .swiper-pagination { right: 0; bottom: 10px; font-size: 16px; color: #999; width: 115px; left: auto }
.scroll .part .bigScroll .swiper-pagination .swiper-pagination-current { font-size: 36px; font-weight: 700 }
.scroll .part .bigScroll .img { width: 760px; height: 427px }
.scroll .part .bigScroll .img img { width: 100%; height: 100% }
.scroll .part .bigScroll .txt { width: 438px; height: 318px; background: #f5f5f5; position: absolute; right: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 152px 20px }
.scroll .part .bigScroll .txt .tit { font-size: 20px; line-height: 1.5; color: #000 }
.scroll .part .bigScroll .txt .tit a { color: #000 }
.scroll .part .bigScroll .txt .abs { margin-top: 10px; font-size: 14px; line-height: 1.5; color: #595959 }
.scroll .part .bigScroll .txt .abs a { color: #595959 }
/*庆祝香港回归25周年*/
.qzxghg_box { width: 100%; height: auto; overflow:hidden; }
.focusBox2{width:1200px; height:456px; overflow:hidden; position:relative;} 
.focusBox2 .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } 
.focusBox2-prev { position:absolute; left: 0; bottom: 180px; top: auto; margin-top: 0; width: 34px; height: 73px; background: url(https://www.osns.gov.cn/images/arrow-left.png) no-repeat; cursor:pointer; z-index:55; display:none; }
.focusBox2-next { position:absolute; right: 0; bottom: 180px; top: auto; margin-top: 0; width: 34px; height: 73px; background: url(https://www.osns.gov.cn/images/arrow-right.png) no-repeat; cursor:pointer; z-index:55; display:none; }
.qzxghg_box:hover .focusBox2-prev { display:block; }
.qzxghg_box:hover .focusBox2-next { display:block; }
/*国安家好 家国同怀*/
.gahjth_box { width: 100%; height: auto; overflow: hidden; margin-top: 45px; }
.gahjth_icon:before { content: ""; width: 23px; height: 21px; background: url(https://www.osns.gov.cn/images/gahjth_icon.png) no-repeat; position: absolute; left: 0; top: 3px; }
.gahjth_list { width: 100%; height: 275px; overflow: hidden; list-style: none; margin-top: 30px; }
.gahjth_list li { float: left; width: 280px; height: 275px; }
.gahjth_list li + li { margin-left: 26px; }
.gahjth_list li .img { width: 280px; height: 160px; position: relative; }
.gahjth_list li .img img { width: 280px; height: 160px; }
.gahjth_list .tit_box { width: 260px; height: 86px; background: #f5f6fa; padding: 10px 10px 20px 10px; }
.gahjth_list .tit_box .tit { height: 55px; overflow: hidden; }
.gahjth_list .tit_box .tit h2 { font-size: 16px; color: #333; line-height: 24px; margin-bottom: 5px; }
.gahjth_list .tit_box .tit h2 a { color: #333; }
.gahjth_list .tit_box .tit p { font-size: 16px; color: #333; line-height: 24px; }
.gahjth_list .tit_box .tit p a { color: #333; }
.gahjth_list .r_box { min-width: 98px; height: 20px; border: 1px solid #2f519f; display: inline-block; font-size: 14px; color: #2f519f; text-align: center; line-height: 18px; }
.footer { width: 100%; height: 165px; background: url(https://www.osns.gov.cn/images/footer_bg.jpg); margin-top: 60px; }
.yylj_box { float: left; width: 255px; height: 145px; }
.yylj_box h2 { font-size: 16px; color: #fff; font-weight: 700; margin-top: 25px; }
.yqlj_list li { font-size: 14px; color: #fff; margin-top: 2px; }
.yqlj_list li a { color: #fff; }
.gywm_box { float: left; width: 835px; height: 145px; position: relative; padding-left: 78px; }
.gywm_box h2 { font-size: 16px; color: #fff; font-weight: 700; margin-top: 25px; }
.gywm_box h3 { font-size: 14px; color: #fff; margin-top: 28px; }
.gywm_box h3 a { font-size: 14px; color: #fff; }
.gywm_box h3 span { font-size: 16px; color: #fff; font-weight: bold; }
.gywm_box p { font-size: 14px; color: #fff; margin-top: 14px; line-height: 26px; }
.gywm_box:before { content: ""; width: 1px; height: 120px; background: #fff; position: absolute; left: 0; top: 25px; }
.part04_top { position: relative; width: 1200px; margin: 10px auto 20px; }
.part04_top .swiper-button-next, .part04_top .swiper-button-prev { width: 25px; height: 66px; margin-top: -37px; display:none; }
.part04_top .swiper-button-next { background: url("https://www.osns.gov.cn/images/arrow-right.png") 0px 0px no-repeat; right:0; background-size:100%; }
.part04_top .swiper-button-prev { background: url("https://www.osns.gov.cn/images/arrow-left.png") 0px 0px no-repeat; left:0; background-size:100%; }
.part04_top:hover .swiper-button-next, .part04_top:hover .swiper-button-prev { display:block; }
.part04_top .swiper-container { width: 1200px; }
.part04_top .swiper-slide { width: 290px; height: 163px; overflow: hidden; }
.part04_top .swiper-slide .img::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.part04_top .swiper-slide img { width: 290px; height: 163px; }
.part04_top .swiper-slide .titbox { position: absolute; width: 270px; height: auto; left: 0; bottom: 0; z-index: 2; background: #000; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.74) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bd000000', GradientType=0);
padding: 10px 10px 0px; }
.part04_top .swiper-slide .titbox h2 { font-size: 16px; height: auto; line-height: 24px; color: #fff; }
.part04_top .swiper-slide .titbox h2 a { color: #fff; }
.part04_top .swiper-slide .tit { width: 84%; font-size: 15px; line-height: 22px; text-align: center; color: #fff; margin: 0 auto; }
.part04_top .swiper-slide .tit a { color: #fff }
